<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<button id="btn">点我一下</button>

		<script>
			const btn = document.getElementById("btn")
			btn.onclick = () => {

				/* 
				    history.back()
				        - 回退按钮
				    history.forward()
				        - 前进按钮
				    history.go()
				        - 可以向前跳转也可以向后跳转，整数向前，负数向后，2 就是前进2个。
				*/

				console.log(history.length) //历史记录数量，是当前标签页的记录。

				// history.back() //回退

				// history.forward() //前进

				//history.go(-1)

			}
		</script>
	</body>
</html>